<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
   <style type="text/css">
	div{
		 width: 100px;
		 height: 100px;
		 border: 1px solid red;	
	}
	div:hover{
	    /*使用静态定位 其他标签会被影响*/
		/* margin: 20px 0 0 20px;	 */
		
		/*使用相对元素 元素不脱离文档流 其他元素不动*/
		position: relative;         /*relative:相对定位*/
		tot:20px;
		left:20px;
	}
   </style>
</head>
<body>
	<div id='d1'>div1</div>
	<div>div2</div>
	<div>div3</div>
</body>	
</html>